{% extends "uc/uc-base.html" %}
{% load static %}
{% block content %}
    {#    弹窗#}
    {% if messages %}
        <script>
            {% for msg in messages %}
                alert('{{ msg.message }}');
            {% endfor %}
        </script>
    {% endif %}

    <style>
        .textarea {
            width: 300px;
            color: #888;
            padding: 6px 10px;
            height: 138px;
            line-height: 24px;
            border: 1px solid #e1e1e1;
        }
    </style>

    <div class="wrapper uc-router">
        <ul>
            <li><a href="{% url 'index' %}">ホーム</a></li>
{#            <li><span class="divider"></span></li>#}
{#            <li><span><a href="{% url 'uc_account' %}">用户中心</a></span></li>#}
{#            <li><span class="divider"></span></li>#}
{#            <li><span>我的账号</span></li>#}
        </ul>
    </div>

    <div class="wrapper">
        <div class="uc-main clearfix">

{#            <div class="uc-aside">#}
{#                <div class="uc-menu">#}
{#                    <div class="tit">用户中心</div>#}
{#                    <ul class="sublist">#}
{#                        <li><a href="{% url 'uc_account' %}">我的账号</a></li>#}
{#                        <li><a href="{% url 'uc_collection' %}">收藏夹</a></li>#}
{#                        <li><a href="{% url 'uc_history' %}">阅读履历</a></li>#}
{#                        <li><a href="{% url 'uc_vip' %}">会员升级</a></li>#}
{#                        <li><a href="{% url 'uc_contact' %}">询问帮助</a></li>#}
{#                    </ul>#}
{#                </div>#}
{#            </div>#}

{#            <div class="uc-content">#}

                <div class="uc-panel">
                    <div class="uc-bigtit">問い合わせ</div>
                    <div class="uc-panel-bd">
                        <div class="account-info clearfix">
                            <form action="{% url 'uc_contact_free' %}" method="POST">
                                {% csrf_token %}
                                <div class="col-userinfo">
                                    <div class="control-group">
                                    <div class="hd"></div>
                                        <div class="bd">
                                            {% if err %}
                                                <p style="color: #aa1111">※ 発送失敗した：{{ err }}</p>
                                            {% endif %}
                                            {% if success %}
                                                <p style="color: #4ab933">発送成功しました！ありがとうございました！！</p>
                                            {% endif %}
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <div class="hd">* E-mail：</div>
                                        {#                                    <div class="bd">#}
                                        {#                                        <div class="text-black">{{ user.email }}</div>#}
                                        {#                                    </div>#}
                                        <div class="bd"><input class="ui-txtin" type="text" name="email"
                                                {% if user.email %}
                                                               value="{{ user.email }}"
                                                {% endif %}
                                                               placeholder="E-mail"/></div>
                                    </div>
                                    <div class="control-group">
                                        <div class="hd">* 氏　 名：</div>
                                        <div class="bd"><input class="ui-txtin" type="text" name="truename"
                                                {% if user.truename %}
                                                               value="{{ user.truename }}"
                                                {% endif %}
                                                               placeholder="氏名を入力してください"/></div>
                                    </div>
                                    <div class="control-group">
                                        <div class="hd">* 連絡先：</div>
                                        <div class="bd"><input class="ui-txtin" type="text" name="phone" id="birthday"
                                                {% if user.phone %}
                                                               value="{{ user.phone }}"
                                                {% endif %}
                                                               placeholder="電話番号を入力してください"/></div>
                                    </div>
                                    <div class="control-group">
                                        <div class="hd">会社名：</div>
                                        <div class="bd"><input class="ui-txtin" type="text" name="company_name"
                                                {% if user.company_name %}
                                                               value="{{ user.company_name }}"
                                                {% endif %}
                                                               placeholder="会社名を入力してください"/></div>
                                    </div>
                                    <div class="control-group">
                                        <div class="hd">住   所：</div>
                                        <div class="bd"><input class="ui-txtin" type="text" name="company_address"
                                                {% if user.company_address %}
                                                               value="{{ user.company_address }}"
                                                {% endif %}
                                                               placeholder="住所を入力してください"/></div>
                                    </div>
                                    <div class="control-group">
                                        <div class="hd">* 問合せ内容：</div>

                                        <textarea rows="50" type="text" name="context" class="textarea"
                                                  placeholder="問合せ内容を入力してください"></textarea>
                                    </div>

                                    <div class="control-group">
                                        <div class="hd">内容確認：</div>
                                        <div class="bd">
                                            <label><input type="checkbox" name="check"/>内容確認しました</label>
                                        </div>
                                    </div>

                                    <div class="control-submit">
                                        <input class="ui-btn-theme submit" type="submit" value="確認"/>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
{#        </div>#}
    </div>

{% endblock %}